﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--- Stylesheet (file used to style the search box) --->
<link rel="stylesheet" href="300.css" type="text/css" media="screen" />
<!--- Some JS --->
<script>
function forIconSearch(action,naction,img){
	document.getElementById('multisearchFormIcon').action = action;
	document.getElementById('Iconselectedsearch').src=img;
	document.getElementById('input').name = naction;
}
function forWebSearch(action,text){
	document.getElementById('multisearchForm').action = action;
	document.getElementById('selectedsearch').innerHTML=text;
}
function show() {
document.getElementById('engines').style.visibility='visible';
document.getElementById('engines').style.display='inline-block';
document.getElementById('input').style.visibility='hidden';
document.getElementById('input').style.display='none';
document.getElementById('submit').style.visibility='hidden';
document.getElementById('submit').style.display='none'
document.getElementById('reset').style.visibility='hidden';
document.getElementById('reset').style.display='none';
document.getElementById('dropdown').style.visibility='hidden';
document.getElementById('dropdown').style.display='none';
document.getElementById('multisearchFormIcon').style.width='auto';

};
function hide() {
document.getElementById('input').style.visibility='visible';
document.getElementById('input').style.display='inline';
document.getElementById('engines').style.visibility='hidden';
document.getElementById('engines').style.display='none';
document.getElementById('submit').style.visibility='visible';
document.getElementById('submit').style.display='inline'
document.getElementById('reset').style.visibility='visible';
document.getElementById('reset').style.display='inline';
document.getElementById('dropdown').style.visibility='visible';
document.getElementById('dropdown').style.display='inline';
document.getElementById('multisearchFormIcon').style.width='auto';
};
</script>
<script>
$(document).ready(function() {
    // if text input field value is not empty show the "X" button
    $("#input").ready(function() {
        $("#reset").show();
        if ($.trim($("#input").val()) == "") {
            $("#reset").hide();
        }
    });
    $("#input").keyup(function() {
        $("#reset").fadeIn();
        if ($.trim($("#input").val()) == "") {
            $("#reset").hide();
        }
    });
    $("#reset").click(function() {
        $("#input").val("");
        $(this).hide();
    });
}); 
</script>
</head>
<body>

<!--- Default search engine --->
<form name="multisearch" action="http://mlwn.blogspot.com/search?q=" id="multisearchFormIcon" style="" method="get" target="_blank">
<ul class="ws_drop_down" id="dropdown" onclick="show();">
	<li><a style="width:40px;" title="Search"><img src="mlwn.png" width="16px" height="16px" id="Iconselectedsearch"></span>
    <![if gt IE 6]>
    </a>
    <![endif]>
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
<!--- The form (where you type text) --->
</ul>
<div id="engines" style="visibility:hidden;display:none;">
       <a href="javascript:void(0);" onclick="forIconSearch('http://mlwn.blogspot.com/search?q=','q','mlwn.png');hide();" title="Search mlwn"><img src="mlwn.png"/></a> 
       <a href="javascript:void(0);" onclick="forIconSearch('https://www.google.com/search?q=','q','google.png');hide();" title="Search Google"><img src="google.png"/></a> 
       <a href="javascript:void(0);" onclick="forIconSearch('http://search.yahoo.com/search?q=','q','yahoo.png');hide();" title="Search Yahoo !"><img src="Yahoo.png"/></a> 
       <a href="javascript:void(0);" onclick="forIconSearch('http://www.bing.com/search?q=','q','bing.png');hide();" title="Search Bing"><img src="Bing.png"/></a> 
       <a href="javascript:void(0);" onclick="forIconSearch('http://images.google.com/images?q=','q','gimages.png');hide();" title="Search Google Images"><img src="gimages.png"/></a> 
       <a href="javascript:void(0);" onclick="forIconSearch('http://images.search.yahoo.com/search/images;_ylt=A2KJkPoGNPhPBUMAuaaLuLkF?q=','q','yimages.png');hide();"" title="Search Yahoo ! Images"><img src="yimages.png"/></a> 
       <a href="javascript:void(0);" onclick="forIconSearch('http://www.youtube.com/results?q=','q','youtube.png');hide();" title="Search YouTube"><img src="youtube.png"/></a> 
       <a href="javascript:void(0);" onclick="forIconSearch('http://maps.google.com/maps?q=','q','gmaps.png');hide();" title="Search Google Maps"><img src="gmaps.png"/></a> 
       <a href="javascript:void(0);" onclick="forIconSearch('http://ar.wikipedia.org/w/index.php?','search','wikipedia.png');hide();" title="Search Wikipedia"><img src="wikipedia.png"/></a>
</div>
<input class="multisearchInput" id="input" list="autocomplete" name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;ابحث فى الانترنت ...&apos;;}' onfocus='if(this.value == &apos;ابحث فى الانترنت ...&apos;) {this.value = &apos;&apos;;}' type='text' value='ابحث فى الانترنت ...'/>
<!--- The submit button (search button) --->
<input id="submit" name="submit" type="submit" value="Search" />
</form>

</body>
</html>